<script src="vue.js"></script>

<div id="app">
    <p>{{msg1}}</p>
    <button v-on:click="showInfo">单击我</button>
</div>

<script>
    var vue=new Vue({
        el: '#app',
        data: {
            msg1: '点击后改变内容',
        },
        methods: {
            showInfo(){
                this.msg1="我是v-on";
            }
        }
    });
</script>

<style>
    .msg1 {
        text-emphasis-color:blue;
        width: 100px;
        height: 80px;
    }
</style>